<template>

  <van-nav-bar
      title="我的"
      right-text="...."
  />
  <div>
   设置头像  <van-uploader v-model="fileList" multiple :max-count="1"   />  <van-uploader :after-read="afterRead" />
  </div>


  <router-link to="/register">点击注册</router-link> <br>
  <router-link to="/vip">我的vip</router-link><br>
  <router-link to="/wallet">我的钱包</router-link><br>

  <van-button type="warning" @click="logout">退出账号</van-button>
</template>

<script setup>
import {get} from "../util/request.js";
import {postFile} from  '../util/reqeustfile.js';
import {useRouter} from "vue-router";
import { showToast } from 'vant';
import {useStore} from "../pinia/index.js";
import {ref} from  'vue'
const store=useStore();

const router=useRouter();

// 退出登录接口
const logout = () => {
  get("user/logout").then(r=>{
    router.push("/login");
    store.setToken("");

    showToast(r.data);

  })
}

const afterRead = (file) => {
  // 此时可以自行将文件上传至服务器
  console.log(file);
// file.file 需要上传的文件
  postFile("minio/upload",file.file).then(r => {

    console.log("url:"+r.data);
    fileList.value[0].url= r.data;// 修改图片地址

    //如果需要提交到后台，可以提交该用户的id  和  当前头像的地址 ，修改用用户头像既可

  })
};


  const fileList = ref([
    { url: 'https://fastly.jsdelivr.net/npm/@vant/assets/leaf.jpeg' }]);


</script>

<style scoped>

</style>